<template>
    <div class="container">
        <div>
            <img class="width-375 height-175" v-if="fileSpace" :src="fileSpace + '/images/verification-banner.png'" alt="">
        </div>
        <div class="main-bar pad-l-15 pad-r-15">
            <div class="row-bar flex flex-between mar-b-10">
                <button open-type="share" class="share-btn"></button>
                <div>
                    <img class="width-40 height-47.5" v-if="fileSpace" :src="fileSpace + '/images/verification-list-1.png'" alt="">
                </div>
                <div class="width-260 flex flex-between">
                    <div>
                        <div class="font-15 font-color font-w">分享添加</div>
                        <div class="font-12 font-color-9">分享邀请店员成为核销员</div>
                    </div>
                    <div>
                        <img class="width-5 height-10" v-if="fileSpace" :src="fileSpace + '/images/arrow-right.png'" alt="">
                    </div>
                </div>
            </div>
            <div class="row-bar flex flex-between mar-b-10" @click="$pt.navigateTo({url:'/pages/home/store-cancellation/scanning/main'})">
                <div>
                    <img class="width-40 height-47.5" v-if="fileSpace" :src="fileSpace + '/images/verification-list-2.png'" alt="">
                </div>
                <div class="width-260 flex flex-between">
                    <div>
                        <div class="font-15 font-color font-w">扫码添加</div>
                        <div class="font-12 font-color-9">面对面扫码成为核销员</div>
                    </div>
                    <div>
                        <img class="width-5 height-10" v-if="fileSpace" :src="fileSpace + '/images/arrow-right.png'" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  onShow() {
    console.log(this.getNickName)
  },
  onShareAppMessage() {
    // 分享添加核销
    return {
      title: this.getNickName + '邀请你成为核销员',
      path: 'pages/personal/cancellation-desk/writer-invitation/main?memberId=' + this.getCustomerId + '&nickName=' + this.getNickName,
      imageUrl: this.fileSpace + '/images/invitation-cancellation.png'
    }
  }
}
</script>
<style lang="less" scoped>
    .main-bar{
        margin-top: 16px;
        .row-bar{
            background: white;
            border-radius: 5px;
            padding: 27px 12px;
            position: relative;
        }
    }
    .share-btn{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        background: none;
        &::after{
            border: unset;
        }
    }
</style>
